<!DOCTYPE html>
<html lang="zh-cn">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>bootstrap_javascrip插件</title>

		<!-- Bootstrap -->
		<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">

		<script src="js/jquery-1.11.1.min.js"></script>
		<script src="bootstrap/js/bootstrap.min.js"></script>

		<script type="text/javascript">
			$(function(){
				$('.carousel').carousel({
  					interval: 1000
				})
			})
		</script>
	</head>

	<body>
		<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
			<!-- 小圆点 -->
			<ol class="carousel-indicators">
				<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
				<li data-target="#carousel-example-generic" data-slide-to="1"></li>
				<li data-target="#carousel-example-generic" data-slide-to="2"></li>
				<li data-target="#carousel-example-generic" data-slide-to="3"></li>
			</ol>

			<!-- Wrapper for slides -->
			<div class="carousel-inner" role="listbox">
				<div class="item active">
					<img src="img/Banner.png" alt="...">
					<!--<div class="carousel-caption">
						首页
					</div>-->
				</div>
				<div class="item">
					<img src="img/banner_aboutus.png" alt="...">
					<!--<div class="carousel-caption">
						关于我们
					</div>-->
				</div>
				<div class="item">
					<img src="img/banner_contacts.png" alt="...">
					<!--<div class="carousel-caption">
						联系我们
					</div>-->
				</div>
				<div class="item">
					<img src="img/banner_news.png" alt="...">
					<!--<div class="carousel-caption">
						新闻资讯
					</div>-->
				</div>
			</div>

			<!-- 左右箭头 -->
			<!--<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
				<span class="glyphicon glyphicon-chevron-left"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
				<span class="glyphicon glyphicon-chevron-right"></span>
				<span class="sr-only">Next</span>
			</a>-->
		</div>

	</body>

</html>